<template>
  <div>
    <h1>{{ msg }}</h1>
    <span class="icon-menu"></span>
    <span class="icon-share"></span>

    <hr>
    <h2>{{ $store.state.count }}</h2>
    <p>
      <button @click="$store.commit('add')">+</button>
      <button @click="$store.commit('reduce')">-</button>

    </p>
  </div>
</template>

<script>
import store  from "@/vuex/test";


export default {
  name: 'HelloWorld',
  data () {
    return {
      msg: 'Welcome to Your Vue.js App',
    }
  },
  store
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>
